v0.35.4

Compare Source

Patch Changes

• #​4052 9b54581 Thanks @​dimaMachina! - fix multiple GraphiQL instances, suffix a unique id for operation, request headers, variables and response URI.

  E.g., the first GraphiQL instance will have:

  • 1-operation.graphql
  • 1-request-headers.json
  • 1-variables.json
  • 1-response.json

  The 2nd instance will have:

  • 2-operation.graphql
  • 2-request-headers.json
  • 2-variables.json
  • 2-response.json

  etc.

• #​4049 2c0586d Thanks @​dimaMachina! - - use allowTrailingComma option in jsonc parser to make tryParseJsonObject sync

  • parse introspection headers with jsonc parser
  • use prettier format for operation editor since we already use prettier for jsonc editors

• #​4050 002f133 Thanks @​dimaMachina! - fix can't access property "jsonDefaults"

v0.35.3

Compare Source

Patch Changes

• #​4046 8b56462 Thanks @​dimaMachina! - Enable font ligatures in monaco-editors fix incorrect caret position on Windows

v0.35.2

Compare Source

Patch Changes

• #​4044 68b347c Thanks @​dimaMachina! - fix Fixes Uncaught Error: can't access property "offsetNode", hitResult is null on Mozilla

v0.35.1

Compare Source

Patch Changes

• #​4037 e548574 Thanks @​dimaMachina! - fix execute button becomes unstyled if there are several queries present

v0.35.0

Compare Source

Minor Changes

• #​3990 27e7eb6 Thanks @​dimaMachina! - - allow multiple independent instances of GraphiQL on the same page

  • store onClickReference in query editor in React ref
  • remove onClickReference from variable editor
  • fix shortcut text per OS for run query in execute query button's tooltip and in default query
  • allow override all default GraphiQL plugins
  • adjust operation argument color to be purple from GraphiQL v2 on dark/light theme

• #​3949 0844dc1 Thanks @​dimaMachina! - - replace onCopyQuery hook with copyQuery function

  • replace onMergeQuery hook with mergeQuery function
  • replace onPrettifyEditors hook with prettifyEditors function
  • remove fetcher prop from SchemaContextProvider and schemaStore and add fetcher to executionStore
  • add onCopyQuery and onPrettifyQuery props to EditorContextProvider
  • remove exports (use GraphiQLProvider)
    • EditorContextProvider
    • ExecutionContextProvider
    • PluginContextProvider
    • SchemaContextProvider
    • StorageContextProvider
    • ExecutionContextType
    • PluginContextType
  • feat(@​graphiql/react): migrate React context to zustand:
    • replace useExecutionContext with useExecutionStore hook
    • replace useEditorContext with useEditorStore hook
  • prefer getComputedStyle over window.getComputedStyle

• #​3999 866a8f3 Thanks @​dimaMachina! - update graphiql-cdn example to show how to load workers with esm.sh

• #​4009 4936492 Thanks @​dimaMachina! - separate store actions from state, add useGraphiQLActions state

• #​4005 1e3ec84 Thanks @​dimaMachina! - support externalFragments prop and remove validationRules prop

• #​4003 0c8e390 Thanks @​dimaMachina! - remove readOnly prop
  document keyMap prop was removed in migration guide

• #​3735 0a08642 Thanks @​dimaMachina! - - Remove query, variables, headers, and response props from <GraphiQL /> and <GraphiQLProvider />

  • Add initialQuery, initialVariables and initialHeaders props
  • Fix defaultQuery, when is set will only be used for the first tab. When opening more tabs, the query editor will start out empty
  • remove useSynchronizeValue hook

• #​4017 cff3da5 Thanks @​dimaMachina! - extract graphiql sidebar to react component

• #​4025 6a50740 Thanks @​dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig

• #​3234 86a96e5 Thanks @​dimaMachina! - Migration from Codemirror to Monaco Editor

  Replacing codemirror-graphql with monaco-graphql

  Support for comments in Variables and Headers editors

• #​4011 30bc3f9 Thanks @​dimaMachina! - fix execute query shortcut in query editor, run it even there are no operations in query editor

  fix plugin store, save last opened plugin in storage

• #​4014 4b39f11 Thanks @​dimaMachina! - extract storage key constants

• #​4026 7fb5ac3 Thanks @​dimaMachina! - - deprecate useExplorerContext, useHistoryContext, usePrettifyEditors, useCopyQuery, useMergeQuery, useExecutionContext, usePluginContext, useSchemaContext, useStorageContext hooks

  • fix response editor overflow on <GraphiQL.Footer />
  • export GraphiQLProps type
  • allow children: ReactNode for <GraphiQL.Toolbar />
  • change ToolbarMenu component:
    • The label and className props were removed
    • The button prop should now be a button element
  • document useGraphiQL and useGraphiQLActions hooks in @graphiql/react README.md
  • rename useThemeStore to useTheme

• #​3950 2455907 Thanks @​dimaMachina! - - remove useQueryEditor, useVariableEditor, useHeaderEditor, useResponseEditor hooks

  • remove UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs exports
  • rename components
    • StorageContextProvider => StorageStore
    • EditorContextProvider => EditorStore
    • SchemaContextProvider => SchemaStore
    • ExecutionContextProvider => ExecutionStore
    • HistoryContextProvider => HistoryStore
    • ExplorerContextProvider => ExplorerStore

Patch Changes

• #​4020 3c0ad34 Thanks @​dimaMachina! - - run cypress tests in React strict mode
  • fix defaultQuery with empty string does not result in an empty default query
  • fix useDidUpdate in React strict mode
• Updated dependencies [1e3ec84]:
  • [email protected]

v0.34.1

Compare Source

Patch Changes

• #​3970 7054591 Thanks @​dimaMachina! - revert https://github.com/graphql/graphiql/pull/3946 to have support multiple embedded graphiql instances on the same page

• Updated dependencies [7054591]:

  • @​graphiql/toolkit@​0.11.3

v0.34.0

Compare Source

Minor Changes

• #​3946 71755b7 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand:
  • replace useExecutionContext with useExecutionStore hook
  • replace useEditorContext with useEditorStore hook
  • replace useAutoCompleteLeafs hook with getAutoCompleteLeafs function

Patch Changes

• #​3963 6d631e2 Thanks @​dimaMachina! - fix headers are not set in the refetch of introspection query

v0.33.0

Compare Source

Minor Changes

• #​3945 117627b Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace usePluginContext with usePluginStore hook

• #​3947 fa78481 Thanks @​dimaMachina! - refactor useStorage, useDocExplorer and useHistory hooks

• #​3943 7275472 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace useSchemaContext with useSchemaStore hook

• #​3942 00c8605 Thanks @​dimaMachina! - feat(@​graphiql/react): migrate React context to zustand, replace useStorageContext with useStorage hook

v0.32.2

Compare Source

Patch Changes

• #​3936 2bfbb06 Thanks @​dimaMachina! - add scroll-x to graphiql tabs area

• #​3939 69ad489 Thanks @​dimaMachina! - prefer React.FC type when declaring React components

• #​3937 2500288 Thanks @​dimaMachina! - remove Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format warnings on SSR